<template>
  <div>
      <div>
          <el-row>
              <el-col span="19">
                  <div class="block">
                    <el-carousel >
                        <el-carousel-item v-for="item in imgUrls" :key="item">
                            <el-image :src='item'></el-image>
                            </el-carousel-item>
                        </el-carousel>
                    </div>
              </el-col>
              <el-col span="5">
                  <div id="borderDiv">
                      <el-image :src="require('../../img/littleIcon/ques.jpg')"></el-image>
                        <el-menu
                            default-active="this.$route.path"
                            class="el-menu-vertical-demo"
                            router>
                                
                            <el-menu-item index="/mainQuestion" style="height:38px">
                                <span style="font-size:20px;color:red">1.</span>
                                <span slot="title">肝肿囊能自愈吗</span>
                            </el-menu-item>
                            <el-menu-item index="/mainQuestion"  style="height:38px">
                                 <span style="font-size:20px;color:red">2.</span>
                                <span slot="title">肺结核不能吃什么</span>
                            </el-menu-item>
                            <el-menu-item index="/mainQuestion" style="height:38px">
                               <span style="font-size:20px;color:red">3.</span>
                                <span slot="title">天麻治疗颈椎病吗</span>
                            </el-menu-item>
                            <el-menu-item index="/mainQuestion" style="height:38px">
                               <span style="font-size:20px;color:red">4.</span>
                                <span slot="title">腰间盘突出有什么特点</span>
                            </el-menu-item>
                            <el-menu-item index="/mainQuestion" style="height:38px">
                               <span style="font-size:20px;color:red">5.</span>
                                <span slot="title">腰腿疼可以用热水敷吗</span>
                            </el-menu-item>
                        </el-menu>
                  </div>
              </el-col>
                    
          </el-row>
          
      </div>
      <el-row>
          <el-col span="5"><h2>权威医生</h2></el-col>
      </el-row>
        <InformationDoctor></InformationDoctor>

  </div>
</template>

<script>
import png1 from '../../img/bigIcon/doctor1.jpg'
import png2 from '../../img/bigIcon/doctor2.jpg'
import png3 from '../../img/bigIcon/doctor3.jpg'
import InformationDoctor from '../../components/healthyInformation/InformationDoctor.vue'

export default {
    data() {
        return {
            imgUrls:[png1,png2,png3],
        }
    },
    components:{
            InformationDoctor
            
    }
}
</script>

<style>
   #borderDiv{
     box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
        padding: 3px 3px 3px 3px;
   }
</style>